<template>
    <div>
        <el-dialog v-model="show" :title="props.title" :width="props.width" draggable :show-close="false">
            <template #title>
                <slot name="title"> </slot>
            </template>
            <slot />
        </el-dialog>
    </div>
</template>

<script setup>

const emit = defineEmits(['update:dialogShow'])
const props = defineProps({
    dialogShow: {
        type: Boolean
    },
    title: {
        type: String,
        default: '标题'
    },
    width: {
        type: String,
        default: ""
    }
})
const show = computed({
    get() {
        return props.dialogShow
    },
    set(value) {
        emit('update:dialogShow', value)
    }
})
</script>

<style lang="scss" scoped>
::v-deep(.el-dialog) {
    padding: 0 !important;
}
::v-deep(.el-dialog__header) {
    padding: 0 !important;
    border: 0 !important;
}
// background: linear-gradient(180deg, rgba(156, 224, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%), rgba(255, 255, 255, 1);</style>
